<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0，user-scalable=0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>小米</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div class="header">
		<div class="logo">
			<a href="">
				<img src="images/下载%20(13).png" alt="logo">
			</a>
		</div>
		<div class="mine">
			<a href="">
				<img src="images/icon-user.23496a0116.png" alt="">
			</a>
		</div>
		<div class="search">
			<a href="">
				<img src="images/下载%20(12).png" alt="" class="fl">
				<span class="fl">搜索商品名称</span>
				<div class="clear"></div>
			</a>
		</div>
		<div class="nav">
			<ul>
				<li >
					<a href="" class="aa" style="color: #ED5B00;border-bottom: 2px solid #ED5B00;padding-bottom: 9px;">推荐</a>
				</li>
				<li>
					<a href="">手机</a>
				</li>
				<li>
					<a href="">智能</a>
				</li>
				<li>
					<a href="">电视</a>
				</li>
				<li>
					<a href="">笔记本</a>
				</li>
				<li>
					<a href="">家电</a>
				</li>
				<li>
					<a href="">
						<img src="images/下载%20(11).png" alt="jiantou">
					</a>
				</li>
				<div class="clear"></div>
			</ul>
		</div>
	</div>

	<div class="banner">
		<ul>
			<li>
				<img src="images/banner1.jpg" alt="">
			</li>
		</ul>
	</div>
	<div class="subnav">
		<ul>
			<li>
				<a href="xiaomimiaosha.html">
					<img src="images/p1.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/xiaomizhongchou.webp" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/quanxinchaoyue.webp" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/yijiuhuanxin.webp" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/chaozhitemai.webp" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/zhineng.webp" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/bijiben.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/dianshi.png" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/xiyiji.webp" alt="">
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/mifenka.png" alt="">
				</a>
			</li>
			<div class="clear"></div>
		</ul>
	</div>
	<div class="main">
		<div class="k30">
			<div class="k30L fl">
				<a href="">
					<img src="images/g5.webp" alt="">
				</a>
			</div>
			<div class="k30R fr">
				<a href="">
					<img src="images/xiaomishouhuan.webp" alt="">
				</a>
				<a href="">
					<img src="images/xiaomidianshi.webp" alt="">
				</a>
			</div>
			<div class="clear"></div>
		</div>
		
		<div class="tansuo">
			<a href="">
				<img src="images/tansuomijing.webp" alt="">
			</a>
			<a href="">
				<img src="images/meirijingxuan.webp" alt="">
			</a>
		</div>
		
		<div class="xmsj">
			<ul>
				<li>
					<a href="">
						<img src="images/shouji1.jpg" alt="">
					</a>
					<p class="p1">小米10 Pro</p>
					<p class="p2">骁龙865 / 50倍变焦</p>
					<p class="p3">¥4999起<span></span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/shouji2.jpg" alt="">
					</a>
					<p class="p1">小米10</p>
					<p class="p2">骁龙865 / 1亿像素相机</p>
					<p class="p3">¥3799起<span>¥3999</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/sj3.jpg" alt="">
					</a>
					<p class="p1">Redmi K30 4G</p>
					<p class="p2">120Hz流速屏，全速热爱</p>
					<p class="p3">¥1399起<span>¥1399</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/sj4.jpg" alt="">
					</a>
					<p class="p1">Redmi K30 5G</p>
					<p class="p2">双模5G，120Hz流速屏</p>
					<p class="p3">¥1599起<span>¥2299</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/sj5.jpg" alt="">
					</a>
					<p class="p1">Redmi Note 8 Pro</p>
					<p class="p2">6400万全场景四摄</p>
					<p class="p3">¥1299起<span>¥1599</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/sj6.jpg" alt="">
					</a>
					<p class="p1">Redmi Note 8</p>
					<p class="p2">千元4800万四摄</p>
					<p class="p3">¥899起<span>¥999</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<div class="clear"></div>
			</ul>
			<div class="gengduo">
				<p>更多小米手机产品 > </p>
			</div>
		</div>
		
		<div class="xmds">
			<a href="">
				<img src="./images/xiaomidianshi4A.webp" alt="">
			</a>
		</div>
		<div class="xmsj">
			<ul>
				<li>
					<a href="">
						<img src="images/65.4k.webp" alt="">
					</a>
					<p class="p1">小米电视4A 65英寸</p>
					<p class="p2">4K HDR，人工智能语音系统</p>
					<p class="p3">¥2699起<span>2699</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/TV2.jpg" alt="">
					</a>
					<p class="p1">小米电视4X 43英寸</p>
					<p class="p2">FHD全高清屏，人工智能语音</p>
					<p class="p3">¥1399起<span></span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/TV3.jpg" alt="">
					</a>
					<p class="p1">小米电视4C 50英寸</p>
					<p class="p2">4K HDR，钢琴烤漆</p>
					<p class="p3">¥1799起<span></span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/TV4.jpg" alt="">
					</a>
					<p class="p1">小米电视4C 55英寸</p>
					<p class="p2">4K HDR，人工智能系统</p>
					<p class="p3">¥2099起<span></span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/TV5.jpg" alt="">
					</a>
					<p class="p1">小米电视4A 32英寸</p>
					<p class="p2">人工智能系统，高清液晶屏</p>
					<p class="p3">¥899起<span></span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/TV6.png" alt="">
					</a>
					<p class="p1">小米电视4A 50英寸</p>
					<p class="p2">4K HDR，人工智能语音系统</p>
					<p class="p3">¥1799起<span></span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<div class="clear"></div>
			</ul>
			<div class="gengduo tv">
				<p>更多小米电视产品 > </p>
			</div>
		</div>
		
		<div class="tansuo">
			<a href="">
				<img src="images/shierxingzuo.webp" alt="">
			</a>
			<a href="">
				<img src="images/xmbijiben.webp" alt="">
			</a>
		</div>
		<div class="xmsj">
			<ul>
				<li>
					<a href="">
						<img src="images/lamp1.jpg" alt="">
					</a>
					<p class="p1">Air 13.3" 2019款</p>
					<p class="p2">新一代独立显卡</p>
					<p class="p3">¥5499起<span>¥5999</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<li>
					<a href="">
						<img src="images/lamp2.jpg" alt="">
					</a>
					<p class="p1">小米笔记本15.6" MX110 独显版</p>
					<p class="p2">全面均衡的国民轻薄本</p>
					<p class="p3">¥3799起<span>¥4299</span></p>
					<a href=""><p class="p4">立即购买</p></a>
				</li>
				<div class="clear"></div>
			</ul>
			<div class="gengduo">
				<p>更多小米笔记本产品 > </p>
			</div>
		</div>
		
		<div class="tansuo">
			<a href="">
				<img src="images/kongtiao.webp" alt="">
			</a>
			<a href="">
				<img src="./images/jingxuanjiadian.webp" alt="">
			</a>
		</div>
		<div class="bianpin">
			<ul>
				<li>
					<a href="">
						<img src="images/bianpinkongtiao.webp" alt="">
					</a>
					<div class="wenzi">
						<p class="p5">变频 | 米家互联网空调 1.5匹</p>
						<p class="p6">变频节能，高效制冷热</p>
						<p class="p7">¥2099起<span>¥2699</span></p>
					</div>
				</li>
				<li>
					<a href="">
						<img src="images/guntongxiyiji.jpg" alt="">
					</a>
					<div class="wenzi">
						<p class="p5">米家洗烘一体机Pro</p>
						<p class="p6">智能洗烘，省心省力</p>
						<p class="p7">¥2999起<span>¥3299</span></p>
					</div>
				</li>
				<li>
					<a href="">
						<img src="images/bianpinkongtiao.webp" alt="">
					</a>
					<div class="wenzi wz">
						<p class="p5">定频 | 米家空调 大1匹</p>
						<p class="p6">出众静音，快速制冷热</p>
						<p class="p7">¥1499起<span>¥1799</span></p>
					</div>
				</li>
				<li>
					<a href="">
						<img src="images/guntong2.webp" alt="">
					</a>
					<div class="wenzi">
						<p class="p5">米家互联网洗烘一体机10kg</p>
						<p class="p6">烘干除菌率达99.9%</p>
						<p class="p7">¥1999起<span>¥2299</span></p>
					</div>
				</li>
				<li>
					<a href="">
						<img src="images/kongtiao3.webp" alt="">
					</a>
					<div class="wenzi">
						<p class="p5">自清洁 | 米家互联网空调 1.5匹</p>
						<p class="p6">变频节能省电，自清洁</p>
						<p class="p7">¥2099起<span>¥2699</span></p>
					</div>
				</li>
				<li>
					<a href="">
						<img src="images/xiyiji1.webp" alt="">
					</a>
					<div class="wenzi">
						<p class="p5">Redmi全自动波轮洗衣机1A 8kg</p>
						<p class="p6">一键操作，父母都爱用</p>
						<p class="p7">¥799起<span>¥899</span></p>
					</div>
				</li>
				<div class="clear"></div>
			</ul>
			<div class="mijia">
				<p>更多米家家电产品 > </p>
			</div>
		</div>

		<div class="tansuo xp">
			<a href="">
				<img src="images/xinpin.jpg" alt="">
			</a>
			<a href="">
				<img src="images/yanzao.webp" alt="">
			</a>
		</div>
		<div class="xinpin">
			<ul>
				<li>
					<a href="">
						<img src="images/dianshan1.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<div class="xinpin-box">
							<p class="p1">米家直流变频落地扇1X</p>
							<p class="p2">模拟自然风算法 支持AI语音</p>
							<br>
							<p class="p3">¥299<span></span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="">
						<div class="xinpin-box">
							<p class="p1">小爱音箱万能遥控版</p>
							<p class="p2">传统家电秒变智能</p>
							<br>
							<p class="p3">¥149<span></span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/yinxiang1.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/dayinji1.jpg" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<div class="xinpin-box">
							<p class="p1">米家照片打印机</p>
							<p class="p2">手机即拍即印</p>
							<br>
							<p class="p3">¥499<span></span></p>
						</div>
					</a>
				</li>
				<div class="clear"></div>
			</ul>
			<div class="mijia zn">
				<p>更多米家智能产品 > </p>
			</div>
		</div>
		<div class="xuexi">
			<ul>
				<li>
					<a href="">
						<img src="images/xuexibangong.webp" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/saodijiqiren.webp" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/lvxingxiang.webp" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/erji.webp" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/kongqijinghuaqi.webp" alt="">
					</a>
				</li>
				<li>
					<a href="">
						<img src="images/taideng.webp" alt="">
					</a>
				</li>
				<div class="clear"></div>
			</ul>
		</div>
		<div class="xmds">
			<a href="">
				<img src="images/gaojiahuishou.webp" alt="">
			</a>
			<a href="">
				<img src="images/liaojiexiaomi.png" alt="">
			</a>
		</div>
	</div> 
	
	<div class="guding">
		<div class="gdT">
			<a href="">
				<img src="images/hongbao.gif" alt="">
			</a>
		</div>
		<div class="gdB">
			<a href="">
				<img src="images/top.png" alt="">
			</a>
		</div>
	</div>
	<div class="kong"></div>
	<!-- 底部 -->
	<div class="footer">
		<ul>
			<li>
				<a href="">
					<img src="images/icon-home-selected.598ca2c8f9.png" alt="">
					<p>首页</p>
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/icon-category.be93273636.png" alt="">
					<p>分类</p>
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/icon-star.d051789804.png" alt="">
					<p>星球</p>
				</a>
			</li>
			<li>
				<a href="">
					<img src="images/icon-cart.585c3aa4d3.png" alt="">
					<p>购物车</p>
				</a>
			</li>
			<li>
				<a href="mine.html">
					<img src="images/icon-user.23496a0116.png" alt="">
					<p>我的</p>
				</a>
			</li>
			<div class="clear"></div>
		</ul>
	</div>
</body>
</html>